<template>
	<view>
		<cu-custom :isBack="true" style="color: #fff;" bgColor="bg-gradual-fff">
			<block slot="content" style="color: #fff;">写评价</block>
		</cu-custom>
		<u-loading-page :loading="true" loading-text="loading..." v-if="showLoading"></u-loading-page>
		<view v-show="!showLoading">
			<view class="viewbox" style="background-color:#0B000C;"></view>
				
				<view class="group1">
					<view class="text1">综合评价</view>
					<view class="ping"><u-rate :allowHalf="true" active-color="#FBC509" inactive-color="#b2b2b2" size="45rpx" gutter="15"></u-rate>真是有趣</view>
					
					<view class="text2">常用评价</view>
					<view class="tab"></view>
					
					<view class="text3">评价内容</view>
					<view class="a">
						<!-- <u--textarea v-model="value1" placeholder="请输入内容" ></u--textarea> -->
					</view>
				</view>
				
				<view class="group2">
					<button class="btn">提交评价</button>
				</view>
				
				
		</view>	
	</view>
</template>
<script>
	// export default {
	// 		data() {
	// 			return {
	// 				value1: '',
	// 			}
	// 		},
	// 	}
</script>

<style  lang="scss" scoped>
	.group1{
		width: 700rpx;
		height: 921rpx;
		margin-top: 60rpx;
		margin-left: 25rpx;
		box-shadow: inset 0 0 30rpx 30rpx rgba(85, 56, 105, 1);
		border-radius: 44rpx;
		padding-top: 76rpx;
		padding-left: 47rpx;
	}
	.text1{
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #FFFFFF;
		// line-height: 120rpx;
		// border: #FFFFFF 1rpx solid;
	}
	.ping{
		display: flex;
		margin-top: 50rpx;
		
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #FFFFFF;
		// line-height: 120rpx;
	}
	.text2{
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #FFFFFF;
		margin-top: 72rpx;
		// line-height: 120rpx;
		// border: #FFFFFF 1rpx solid;
	}
	.tab{
		width: 620rpx;
		height: 190rpx;
		border: #FFFFFF 1rpx solid;
		margin-top: 33rpx;
	}
	.text3{
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #FFFFFF;
		margin-top: 72rpx;
		// line-height: 120rpx;
		// border: #FFFFFF 1rpx solid;
	}
	.a{
		width: 620rpx;
	}
	.btn{
		width: 690rpx;
		height: 88rpx;
		background: #62469B;
		border-radius: 44rpx;
		margin-top: 44rpx;
		
		font-family: PingFang SC;
		font-weight: 800;
		font-size: 30rpx;
		color: #FFFFFF;
		// line-height: 22rpx;
	}
</style>
